<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb"
	dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<link href="template/css/favicon.ico" rel="shortcut icon"
	type="image/x-icon" />
<link rel="stylesheet" href="template/css/system.css" type="text/css" />
<link href="template/css/login.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="template/css/rounded.css" />

<!--<script language="javascript" type="text/javascript"-->
<!--	src="template/js/page/login.js"></script>-->
<script>
	window.history.forward(1);
</script>
</head>

<body>
	<div id="border-top" class="h_green">
		<div>
			<div>
				<span class="title">Automobile Insurance</span>
			</div>
		</div>
	</div>
	<div id="content-box">
		<div class="padding">
			<div id="element-box" class="login">
				<div class="t">
					<div class="t">
						<div class="t"></div>
					</div>
				</div>
				<div class="m">

					<h1>AutoInsurance Login</h1>
					<%
						if (request.getAttribute("error") != null) {
					%>
					<!-- Display system error messages -->
					<dl id="system-message">
						<dt class="error">Error</dt>
						<dd class="error message fade">
							<ul>
								<li>
									<%
										out.print(request.getAttribute("error"));
									%>
								</li>
							</ul>
						</dd>
					</dl>
					<%
						}
					%>
					<div id="section-box">
						<div class="t">
							<div class="t">

								<div class="t"></div>
							</div>
						</div>
						<div class="m">
							<!-- Creating form for login elements -->
							<form action="login" method="post" name="login" id="form-login"
								style="clear: both;">
								<p id="form-login-username">
									<label for="ssn">SSN</label> <input name="ssn" id="ssn"
										type="text" class="inputbox" size="15" />
								</p>

								<p id="form-login-password">
									<label for="passwd">Password</label> <input name="passwd"
										id="passwd" type="password" class="inputbox" size="15" />
								</p>
								<div class="button_holder">
									<div class="">
										<div>
											<span id="user" class="serr"></span>
										</div>
									</div>
								</div>
								<div class="button_holder">
									<div class="button1">
										<div class="next">
											<a onclick="javascript:login.submit();"> Login</a>
										</div>
									</div>
								</div>
								<div class="clr"></div>
								<input type="submit" value="Login"
									style="border: 0; padding: 0; margin: 0; width: 0px; height: 0px;" />
							</form>
							<div class="clr"></div>
						</div>
						<div class="b">
							<div class="b">
								<div class="b"></div>
							</div>
						</div>
						<p>
							<a href="register.jsp">New User</a>
						</p>
					</div>
					<div id="lock" />

					<div class="clr"></div>
				</div>
			</div>
			<jsp:include page="footer.jsp" />
		</div>
	</div>
</body>
</html>
